<template>
  <div class="min-h-screen">
    <Top v-if="!isEchartPage" />

    <main :class="isEchartPage ? '' : ''">
      <NuxtPage />
    </main>
    <Bottom v-if="!isEchartPage" style="margin-top: 20px;"/>
    <Foot v-if="!isEchartPage" />
    
    <!-- 全局登录/注册弹窗 -->
    <LoginDialog />
  </div>
</template>

<script setup>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
import Bottom from '~/pages/components/bottom.vue'
import Foot from '~/pages/components/foot.vue'
import Top from '~/pages/components/top.vue'
import LoginDialog from '~/components/LoginDialog.vue'

const route = useRoute()
const isEchartPage = computed(() => route.path === '/echart')

useHead({
  title: 'Carbon Tariff - Professional Carbon Tariff Solutions Provider',
  htmlAttrs: {
    lang: 'en'
  },
  meta: [
    { name: 'description', content: 'Providing professional carbon tariff consulting and services to help enterprises achieve sustainable development' },
    { name: 'keywords', content: 'carbon tariff, CBAM, carbon border adjustment mechanism, carbon accounting, sustainability' }
  ]
})
</script>

<style>

/* 自定义CSS覆盖绿色主题 */
.bg-green-600 {
  background-color: #2a649c !important;
}

.text-green-600 {
  color: #2a649c !important;
}

.border-green-600 {
  border-color: #2a649c !important;
}

.hover\:text-green-600:hover {
  color: #2a649c !important;
}

.hover\:bg-green-600:hover {
  background-color: #2a649c !important;
}
</style>
